<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>发改局</title>

  <!-- Google Font: Source Sans Pro -->
  <link rel="stylesheet"
        href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
  <!-- Font Awesome Icons -->
  <link rel="stylesheet" href="../plugins/fontawesome-free/css/all.min.css">
  <!-- IonIcons -->
  <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
  <!-- Theme style -->
  <link rel="stylesheet" href="../dist/css/adminlte.min.css">

  <!-- bootstrap-fileinput CSS -->
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css"
        crossorigin="anonymous">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.min.css"
        crossorigin="anonymous">
  <link href="../js/bootstrap-fileinput-5.2.2/css/fileinput.min.css" media="all" rel="stylesheet" type="text/css"/>
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" crossorigin="anonymous">
  <link href="../js/bootstrap-fileinput-5.2.2/themes/explorer-fas/theme.min.css" media="all" rel="stylesheet"
        type="text/css"/>

</head>


<body class="hold-transition sidebar-mini">
<div class="wrapper">

  <!-- 主内容容器 -->
  <div class="content-wrapper">
    <!-- 容器头标题 -->
    <div class="content-header">
      <div class="container-fluid">

        <div class="row mb-2">
          <div class="col-sm-6">
            <h1 class="m-0">项目修改</h1>
          </div>
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="#">首页</a></li>
              <li class="breadcrumb-item active">项目修改</li>
            </ol>
          </div>
        </div>

      </div>
    </div>

    <!-- 主题内容正文 -->
    <div class="content">
      <div class="container-fluid">
        <div class="row">
          <div class="col-lg-12">

            <!-- 添加div -->
            <div class="card card-primary">
              <!-- 卡片头部 -->
              <div class="card-header">
                <h3 class="card-title">项目修改</h3>
              </div>

              <!-- 表单开始 -->
              <form>
                <div class="card-body">
                  <div class="row">
                    <div class="col-lg-6">

                      <div class="form-group">
                        <label>企业选择</label>
                        <select class="form-control">
                          <option>后英集团</option>
                        </select>
                      </div>

                      <div class="form-group">
                        <label for="exampleInputPassword1">项目名称</label>
                        <input type="text" class="form-control" id="exampleInputPassword1" value="矿石采集"
                               placeholder="项目名称">
                      </div>

                      <div class="form-group">
                        <label for="exampleInputEmail1">建设地点</label>
                        <input type="text" class="form-control" id="exampleInputEmail2" value="辽宁省海城市牌楼镇"
                               placeholder="建设地点">
                      </div>

                      <div class="form-group">
                        <label for="exampleInputEmail1">所属行业</label>
                        <input type="text" class="form-control" id="exampleInputEmail1" value="精细化工行业"
                               placeholder="所属行业">
                      </div>

                      <div class="form-group">
                        <label for="exampleInputEmail1">总投资(亿元)</label>
                        <input type="number" class="form-control" id="exampleInputEmail1" value="18.88"
                               placeholder="总投资">
                      </div>

                      <div class="form-group">
                        <label for="exampleInputEmail1">已完成投资(亿元)</label>
                        <input type="number" class="form-control" id="exampleInputEmail1" value="8.88"
                               placeholder="已完成投资">
                      </div>

                      <div class="form-check">
                        <input type="checkbox" class="form-check-input" id="exampleCheck1" checked>
                        <label class="form-check-label" for="exampleCheck1">是否为规上企业</label>
                      </div>

                    </div>
                    <div class="col-lg-6">

                      <div class="form-group">
                        <label for="exampleInputEmail1">未来年计划(亿元)</label>
                        <input type="number" class="form-control" id="exampleInputEmail1" value="8.88"
                               placeholder="未来年计划">
                      </div>

                      <div class="form-group">
                        <label for="exampleInputEmail1">主要建设内容及规模</label>
                        <input type="text" class="form-control" id="exampleInputEmail1" value="主要建设内容及规模"
                               placeholder="主要建设内容及规模">
                      </div>

                      <div class="form-group">
                        <label for="exampleInputEmail1">主要工艺说明</label>
                        <input type="text" class="form-control" id="exampleInputEmail1" value="主要工艺说明"
                               placeholder="主要工艺说明">
                      </div>

                      <div class="form-group">
                        <label for="exampleInputEmail1">项目进展情况</label>
                        <input type="text" class="form-control" id="exampleInputEmail1" value="项目进展情况"
                               placeholder="项目进展情况">
                      </div>

                      <div class="form-group">
                        <label for="exampleInputEmail1">开工时间</label>
                        <input type="date" class="form-control" id="exampleInputEmail1" value="2021/6/7"
                               placeholder="开工时间">
                      </div>

                      <div class="form-group">
                        <label for="exampleInputEmail1">计划建成投产时间</label>
                        <input type="date" class="form-control" id="exampleInputEmail1" value="2022/8/9"
                               placeholder="计划建成投产时间">
                      </div>

                    </div>
                  </div>

                  <hr/>

                  <!-- 多文件上传组件 -->
                  <div class="row">
                    <div class="col-lg-12">

                      <div class="form-group">
                        <label for="exampleInputEmail1">票据上传</label>
                        <div class="file-loading">
                          <input id="files_upload" class="file" type="file" multiple data-upload-url="#"
                                 data-theme="fas">
                        </div>
                      </div>
                    </div>
                  </div>
                </div>

                <!-- 添加按钮 -->
                <div class="card-footer">
                  <button type="submit" class="btn btn-primary">保存</button>
                </div>

              </form>

            </div>

          </div>

        </div>

      </div>

    </div>


    <!-- Control Sidebar -->
    <aside class="control-sidebar control-sidebar-dark">
    </aside>

    <!-- 版权信息 -->
    <footer class="main-footer">
      <strong>Copyright &copy; 2021 <a href="http://www.chengzhouyun.com/" target="_blank">ChengZhouYun</a>.</strong>
      All rights reserved.
      <div class="float-right d-none d-sm-inline-block">
        <b>Version</b> 1.0
      </div>
    </footer>

  </div>

  <!-- REQUIRED SCRIPTS -->
  <!-- jQuery -->
  <script src="../plugins/jquery/jquery.min.js"></script>
  <!-- Bootstrap -->
  <script src="../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
  <!-- AdminLTE -->
  <script src="../dist/js/adminlte.js"></script>

  <!-- OPTIONAL SCRIPTS -->
  <script src="../plugins/chart.js/Chart.min.js"></script>
  <!-- AdminLTE for demo purposes -->
  <script src="../dist/js/demo.js"></script>
  <!-- AdminLTE dashboard demo (This is only for demo purposes) -->
  <script src="../dist/js/pages/dashboard3.js"></script>
<!-- bootstrap-fileinput JS -->
<script src="https://code.jquery.com/jquery-3.5.1.min.js" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
<script src="../js/bootstrap-fileinput-5.2.2/js/plugins/piexif.min.js" type="text/javascript"></script>
<script src="../js/bootstrap-fileinput-5.2.2/js/plugins/sortable.min.js" type="text/javascript"></script>
<script src="../js/bootstrap-fileinput-5.2.2/js/fileinput.min.js" type="text/javascript"></script>
<script src="../js/bootstrap-fileinput-5.2.2/js/locales/zh.js" type="text/javascript"></script>
<script src="../js/bootstrap-fileinput-5.2.2/themes/fas/theme.min.js" type="text/javascript"></script>
<script src="../js/bootstrap-fileinput-5.2.2/themes/explorer-fas/theme.min.js" type="text/javascript"></script>
</body>

<script>
  $(document).ready(function () {
    $("#files_upload").fileinput({
      theme: 'explorer-fas',    //主题
      showCaption: true,    //是否显示被选文件的简介
      showBrowse: true,     //是否显示浏览按钮
      showPreview: true,   //是否显示预览区域
      showRemove: true,    //是否显示移除按钮
      showUpload: true,    //是否显示上传按钮
      showCancel: true,    //是否显示取消按钮
      showClose: true,     //是否显示关闭按钮
      uploadUrl: '#',           // 上传文件路径
      language: 'zh',            //显示语言
      allowedFileExtensions: ['jpg', 'png', 'gif'], //接收文件的扩展
      overwriteInitial: false,    //初始覆盖
      maxFileSize: 1000,          //限制单个文件大小
      maxFilesNum: 10,             //限制上传文件数量
      allowedFileTypes: ['jpg', 'png', 'gif'],        //接收文件的后缀
      // initialPreviewAsData: false,     //初始预览数据
      // initialPreview: [               //初始预览数据图片地址
      //     "http://lorempixel.com/1920/1080/nature/1",
      //     "http://lorempixel.com/1920/1080/nature/2",
      //     "http://lorempixel.com/1920/1080/nature/3"
      // ],
      //初始预览图片配置
      // initialPreviewConfig: [
      //     {caption: "nature-1.jpg", size: 329892, width: "120px", url: "{$url}", key: 1},
      //     {caption: "nature-2.jpg", size: 872378, width: "120px", url: "{$url}", key: 2},
      //     {caption: "nature-3.jpg", size: 632762, width: "120px", url: "{$url}", key: 3}
      // ]
    });
  });
</script>
</html>
